/**
 * treePanel
 */
// 创建简单的树
function simpleTree() {
	// 树节点
	var vroot = new Ext.tree.TreeNode({
		text : "树根",
		leaf : false
	});
	// 子节点
	vroot.appendChild(new Ext.tree.TreeNode({
		text : "子节点"
	}));
	// 树面板，第一棵树有一个根节点
	var panel = new Ext.tree.TreePanel({
		title : "树的示例",
		width : 300,
		height : 300,
		root : vroot
	});
	panel.render("treePanel");
}

// 从后台加载树节点，要使用树加载TreeLoader
function simpleTreeLoader() {
	// 数据加载
	var vloader = new Ext.tree.TreeLoader({
		// url:"js/treeData.js"
		url : "tree.jsp",
		baseParams : {}
	});
	vloader.on("beforeload", function(loader, node) {
		loader.baseParams.parent = (node.id == "root" ? "" : node.text);
	});
	// 树节点
	var vroot = new Ext.tree.AsyncTreeNode({
		id : "root",
		text : "树根",
		leaf : false,
		loader : vloader
	});
	// 子节点
	/*
	 * vroot.appendChild(new Ext.tree.TreeNode({ text : "子节点" }));
	 */
	// 树面板，第一棵树有一个根节点
	var panel = new Ext.tree.TreePanel({
		title : "树的示例",
		width : 300,
		height : 300,
		// 可拖动的,后台保存可以通过监听dragdrop，nodedrop,movenode,然后ajax请求
		enableDD : true,
		// "-"分隔符 "->"fill类的快捷键，填充位置
		tbar:[{text:"布局",menu:{items:[
                 {text:"菜单1"},
                 {
                	 text:"菜单2",
                	 menu:{items:[{
                		 text:"子菜单1",
                	 },{
                		 text:"子菜单2",
                	 }]}
                 },
                 "-",
                 {text:"菜单3"},
                 ]}},
                 "->",
                 {text:"查询"},
                 "请输入姓名:",
                 new Ext.form.TextField()],
		loader : vloader,
		root : vroot
	});
	panel.render("treePanel");
}

function menuTreeLoader() {
	// 数据加载
	var vloader = new Ext.tree.TreeLoader({
		// url:"js/treeData.js"
		url : "tree.jsp",
		baseParams : {}
	});
	vloader.on("beforeload", function(loader, node) {
		loader.baseParams.parent = (node.id == "root" ? "" : node.text);
	});
	// 树节点
	var vroot = new Ext.tree.AsyncTreeNode({
		id : "root",
		text : "树根",
		leaf : false,
		loader : vloader
	});
	// 子节点
	/*
	 * vroot.appendChild(new Ext.tree.TreeNode({ text : "子节点" }));
	 */
	var menu = new Ext.menu.Menu({items:[{
		text:"新建部门",
		handler:function(){
			Ext.Msg.prompt("提示","请输入部门名称");
		}
	},{
		text:"删除部门"
	},]});
	// 树面板，第一棵树有一个根节点
	var panel = new Ext.tree.TreePanel({
		title : "树的示例",
		width : 300,
		height : 300,
		// 可拖动的,后台保存可以通过监听dragdrop，nodedrop,movenode,然后ajax请求
		enableDD : true,
		// "-"分隔符 "->"fill类的快捷键，填充位置
		tbar:[{text:"布局",menu:{items:[
                 {text:"菜单1"},
                 {
                	 text:"菜单2",
                	 menu:{items:[{
                		 text:"子菜单1",
                	 },{
                		 text:"子菜单2",
                	 }]}
                 },
                 "-",
                 {text:"菜单3"},
                 ]}},
                 "->",
                 {text:"查询"},
                 "请输入姓名:",
                 new Ext.form.TextField()],
		loader : vloader,
		root : vroot
	});
	panel.on("contextmenu",function(node,e){
		menu.showAt(e.getXY());
	});
	panel.render("treePanel");
}
Ext.onReady(menuTreeLoader);